﻿@using OurWedding1
@model OurWedding1.Models.WeddingDetailsViewModel

<div id="wedding-title-box">
    <h1 class="wedding-title">@Html.DisplayFor(model => model.Wedding.Name)</h1>
</div>
<ul class="rslides">
    @foreach (var item in Model.Wedding.WeddingPhotos)
    {
        <li>
            <img width="960" height="640" src="http://res.cloudinary.com/hdq73umpz/image/upload/w_960,h_640,c_fill/@item.GenerateImageFileName()" alt="">
        </li>
    }
</ul>
<div class="ui-widget-content ui-corner-all uiframe">
    <div class="margintop">
        @Html.DisplayFor(model => model.Wedding.Foreword)
    </div>
</div>


<div id="accordion" class="margintop">
    <h3>@Resources.Wedding_Bride_And_Bridegroom</h3>
    <div>
        <ul>
            <li>@Html.DisplayFor(model => model.Bride.Name)</li>
            <li>@Html.DisplayFor(model => model.BrideGroom.Name)</li>
        </ul>
    </div>
    @if (Model.Church != null)
    {
        <h3>@Resources.Wedding_Info</h3>
        <div>
            <div class="display-label">
                @Html.DisplayFor(model => model.Church.Name)
            </div>

            <div class="display-field">
                @Html.DisplayFor(model => model.Church.Adress)
            </div>

            <div class="display-field">
                @Html.DisplayFor(model => model.Church.PostCode)
                @Html.DisplayFor(model => model.Church.City)
            </div>

            <div class="display-field">
                <a href="@Model.Church.Website">@Model.Church.Website</a>
            </div>

            <div class="display-label">
                @Html.DisplayNameFor(model => model.Wedding.MassDate)
            </div>
            <div class="display-field">
                @Html.DisplayFor(model => model.Wedding.MassDate)
            </div>
        </div>
    }

    @if (Model.WeddingHall != null)
    {
        <h3>@Resources.Wedding_Reception</h3>
        <div>
            <div class="display-label">
                @Html.DisplayFor(model => model.WeddingHall.Name)
            </div>

            <div class="display-field">
                @Html.DisplayFor(model => model.WeddingHall.Adress)
            </div>

            <div class="display-field">
                @Html.DisplayFor(model => model.WeddingHall.PostCode)
                @Html.DisplayFor(model => model.WeddingHall.City)
            </div>
            
            <div class="display-field">
                <a href="@Model.WeddingHall.Website">@Model.WeddingHall.Website</a>
            </div>

        </div>
    }
    @if (Model.Hotel != null)
    {
        <h3>@Resources.Wedding_Hotel</h3>
        <div>
            <div class="display-label">
                @Html.DisplayFor(model => model.Hotel.Name)
            </div>

            <div class="display-field">
                @Html.DisplayFor(model => model.Hotel.Adress)
            </div>

            <div class="display-field">
                @Html.DisplayFor(model => model.Hotel.PostCode)
                @Html.DisplayFor(model => model.Hotel.City)
            </div> 

            <div class="display-field">
                <a href="@Model.Hotel.Website">@Model.Hotel.Website</a>
            </div>
        </div>
    }
    <h3>@Resources.Wedding_RSVP</h3>
    <div>
        @* @Html.ActionLink(Resources.Wedding_RSVP, "Confirm", "ConfirmationKeys", new {Key = Model.ConfirmationKey.Key})*@
    </div>
    <h3>@Resources.Wedding_Get_Directions</h3>
    <div id="mapTab">
        <div id="map_canvas" style="margin: 0; padding: 0; height: 300px">
        </div>
    </div>
</div>


